<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <title>适合中国路面的好轮胎</title>
    <link rel="stylesheet" type="text/css" href="css/m-reset.css">
    <link rel="stylesheet" type="text/css" href="css/tyre.css">
</head>

<body>
    <div class="g-box">
        <div class="g-bd" v-cloak>
            <h1 class="h1-tit">
                <span>热卖爆款</span>
                为中国路况设计
            </h1>
            <ul class="m-hot">
                <li class="f-cb" v-for="hotList in hotData" v-on:click="getApp(1,hotList.pid)">
                    <div class="f-fl">
                        <img v-bind:src="hotList.img_src" alt="">
                    </div>
                    <div class="hot-text f-fl">
                        <h2 class="u-tit">{{hotList.title}}</h2>
                        <p class="u-models">适配车型: {{hotList.car_model}}</p>
                        <div class="u-tags f-cb">
                            <span v-for="tagList in hotList.tagItems">{{tagList.tag}}</span>
                        </div>
                        <p class="u-price">¥<span>{{hotList.price}}</span>/个</p>
                        <button>立即购买</button>
                    </div>

                </li>
            </ul>
            <h1 class="h1-tit">
                <span>牛汽优选</span>
                品质保证,万里挑一
            </h1>
            <ul class="m-you f-cb">
                <li class="f-fl" v-for="youList in youData" v-on:click="getApp(1,youList.pid)">
                    <img v-bind:src="youList.img_src" alt="">
                    <h2 class="u-tit2">{{youList.title}}</h2>
                    <p class="u-price">¥<span>{{youList.price}}</span>/个</p>
                    <button>立即购买</button>
                </li>
            </ul>
        </div>
        <div class="g-ft"></div>
    </div>
    <!-- rem -->
    <script src="js/rem.min.js"></script>
    <!-- 引入vue框架 -->
    <script src="js/vue.min.js"></script>
    <!-- js文件 -->
    <script src="js/tyre.js"></script>
</body>

</html>
